<template >
    <div class="breadcrumb">
      <el-breadcrumb  separator-class="el-icon-arrow-right">
        <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
        <el-breadcrumb-item v-for="item in next" :key="item">{{item}}</el-breadcrumb-item>
      </el-breadcrumb>
    </div>
</template>

<script>
// 这个是封装的导航条中的内容
export default {
  name: 'Breadcrumb',
  props: {
    next: {
      type: Array,
      default: () => {
        return []
      }
    }
  }
}
</script>

<style scoped lang="scss">
  .breadcrumb {
      margin: 20px 0px;
  }
</style>
